@import "~assets/styles/_bootstrap";

.tips-page{
	position: fixed;
	bottom: rem(62px);
	width: 100%;

	.tips-list {
		padding: 0 rem(10px);

		.item {
			width: 100%;
			padding-top: rem(10px);

    	.item-body {
				width: 100%;
				height: rem(45px);
				background: rgba(0, 0, 0, 0.7);
	    	border-radius: rem(5px);

	    	> img {
			    position: absolute;
			    top: 0;
			    bottom: 0;
			    left: rem(10px);
			    margin: auto 0;
			    width: rem(30px);
			    height: rem(30px);
	    	}

	    	.text {
			    color: #fff;
			    position: absolute;
			    top: 0;
			    bottom: 0;
			    left: rem(50px);
			    margin: auto 0;
			    width: rem(210px);
			    height: rem(25px);
			    line-height: rem(25px);
			    font-size: rem(12px);
			    overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
	    	}

	    	> a {
			    position: absolute;
			    top: 0;
			    bottom: 0;
			    right: rem(10px);
			    padding: rem(2px) rem(10px);
			    margin: auto 0;
			    height: rem(25px);
			    color: #fff;
			    border: 1px solid #fff;
			    border-radius: rem(5px);
	    	}
    	}

		}
	}
}
